// 带图标的步骤条
<template>
<p>可以在步骤栏中使用各种自定义图标。</p>
<p>通过 <code>icon</code> 属性来设置图标， 图标的类型可以参考 Icon 组件的文档， 除此以外，还能通过具名 <code>slot</code> 来使用自定义的图标。</p>
  <el-steps style="max-width: 600px" :active="1">
    <el-step title="Step 1" :icon="Edit" />
    <el-step title="Step 2" :icon="Upload" />
    <el-step title="Step 3" :icon="Picture" />
  </el-steps>
</template>

<script lang="ts" setup>
import { Edit, Picture, Upload } from '@element-plus/icons-vue'
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>